﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <link href="packages/normalize.css.2.1.2/content/Content/normalize.css" rel="stylesheet" />
        <link href="styles/style.css" rel="stylesheet" />
        <script src="scripts/classical-class-create-inherit.js"></script>
        <script src="scripts/jQuery-2.0.2.js"></script>
    </head>
    <body>
	<div id="fb-root"></div>
		<script>
			window.fbAsyncInit = function() {
			FB.init({appId: 'YOUR APP ID', status: true, cookie: true,
			xfbml: true});
			};
			(function() {
			var e = document.createElement('script'); e.async = true;
			e.src = document.location.protocol +
			'//connect.facebook.net/en_US/all.js';
			document.getElementById('fb-root').appendChild(e);
			}());
		</script>
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
        <div id="wrapper">
			<h1>Score:</h1>
            <div id="score">0</div>
			<div class="api">
				<script type="text/javascript">
				$(document).ready(function(){
				$('#share_button').click(function(e){
				e.preventDefault();
				FB.ui(
				{
				method: 'feed',
				name: 'This are my ' + $('#score').html() + 'points on pirate game..',
				link: ' http://www.hyperarts.com/',
picture: 'http://www.hyperarts.com/external-xfbml/share-image.gif',
				caption: 'you good.',
				description: 'MY score on the game',
				message: ''
				});
				});
				});
				</script>
				<img src = "share_button.png" id = "share_button">
			</div>
			<div class="api">
				<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fcode.google.com%2Fp%2Fmandarine-telerik-academy-team%2Fsource%2Fcheckout&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;font=arial&amp;colorscheme=light&amp;action=like&amp;height=80&amp;appId=163726787142366" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px;" allowTransparency="true"></iframe>
			</div>
        </div>
        <script src="scripts/ui/gamePage.js"></script>

        <script src="scripts/Randomizer.js"></script>
        <script src="scripts/Direction.js"></script>
        <script src="scripts/Field.js"></script>
        <script src="scripts/Player.js"></script>
        <script src="scripts/Gem.js"></script>
        <script src="scripts/GemColor.js"></script>
        <script src="scripts/GemFactory.js"></script>
        <script src="scripts/Point.js"></script>
        <script src="scripts/Renderer.js"></script>

        <script src="scripts/game.js"></script>
    </body>
</html>
